var gulp = require('gulp');
const { src, dest, watch, series } = require('gulp');
const postcss = require('gulp-postcss');
const autoprefixer = require('autoprefixer');

// 处理 CSS 的任务
function cssTask() {
  return gulp.src('src/css/style.css')  // 源文件路径
    .pipe(postcss([
      autoprefixer({ 
        // 配置需要支持的浏览器版本
        overrideBrowserslist: [
          'last 2 versions',
          '> 1%',
          'iOS >= 13',
          'Android >= 5'
        ]
      })
    ]))
    .pipe(dest('dist/css'));      // 输出路径
}

// 监听文件变化
function watchTask() {
  return watch('src/css/**/*.css', cssTask);
}

// 导出任务
exports.css = cssTask;
exports.watch = watchTask;
exports.default = series(cssTask, watchTask);